﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Slot Machine Demo - Daniel Magliola.com</title>
    <link type="text/css" rel="stylesheet" href="ucslots.css">
</head>
<body>
    <div id="PageContainer" style="text-align: center">
        <div id="PageContainerInner" style="margin: auto; text-align: left; width: 650px;">
            <!-- Just to be able to set the "won!" extra background -->
            <div id="slotMachineInfomation">
                <div class="title_left">
                    ĐẶT CƯỢC
                </div>
                <div class="content_left">
                    <div style="position: relative; height: 44px; margin-right: -25px; padding-top: 10px">
                        <input type="text" id="txtBet" class="input_collect" value="100" style="margin-left: 10px;
                            margin-top: 0" />
                        <!--<div id="betSpinUp">
                        </div>
                        <div id="betSpinDown">
                        </div>-->
                    </div>
                    <select id="ddlTypeBet" class="select_typebet" style="margin-left: 10px">
                        <option value="1">Vàng</option>
                        <option value="2">Bạc</option>
                    </select>
                    <a class="btn_base" id="spinButton">ĐẶT </a>
                </div>
                <div class="title_left">
                    HIỆN TẠI
                </div>
                <div class="content_left" id="divCollect" style="position: relative">
                    <span id="totalBids" class="input_collect" style="margin-left: 10px">0</span> 
                    <a class="btn_base" id="btnCollect">THU VỀ</a>
                    <div class="won_image">CHIẾN THẮNG</div>
                    <div class="lose_image">THUA</div>
                </div>
                <div id="soundOffButton">
                </div>
            </div>
            <div id="slotMachineContainer">
                <div id="ReelContainer">
                    <div style="top: -700.5px;" id="reel1" class="reel">
                    </div>
                    <div style="top: -1184.5px;" id="reel2" class="reel">
                    </div>
                    <div style="top: -761px;" id="reel3" class="reel">
                    </div>
                    <div id="reelOverlay">
                    </div>
                </div>
                <!--begin control-->
                <span id="txtReel_h1" type="text" class="feature_textbox">&nbsp;</span>
                <span id="txtReel_h2" type="text" class="feature_textbox">&nbsp;</span>
                <span id="txtReel_h3" type="text" class="feature_textbox">&nbsp;</span>
                <span id="txtReel_l1" type="text" class="feature_textbox">&nbsp;</span>
                <span id="txtReel_l2" type="text" class="feature_textbox">&nbsp;</span>
                <span id="txtReel_l3" type="text" class="feature_textbox">&nbsp;</span>
                <a id="btnChoose_h1" class="bt_choose bt_choose_hi">&nbsp;</a> 
                <a id="btnChoose_h2" class="bt_choose bt_choose_hi">&nbsp;</a> 
                <a id="btnChoose_h3" class="bt_choose bt_choose_hi">&nbsp;</a> 
                <a id="btnChoose_l1" class="bt_choose bt_choose_lo">&nbsp;</a>
                <a id="btnChoose_l2" class="bt_choose bt_choose_lo">&nbsp;</a> 
                <a id="btnChoose_l3" class="bt_choose bt_choose_lo">&nbsp;</a>
                <!--end-->
                <div id="loggedOutMessage" style="display: none;">
                    <span class="large">Sorry, you have been logged off.</span><br>
                    <b>No bids</b> have been deducted from this spin, because you're not logged in anymore.
                    Please <a href="http://danielmagliola.com/login">login</a> and try again.</div>
                <div id="failedRequestMessage" style="display: none;">
                    <span class="large">Sorry, we're unable to display your spin because your connection
                        to our server was lost. </span>
                    <br>
                    Rest assured that your spin was not wasted. Please check your connection and <a href="#"
                                                                                                    onclick="window.location.reload();">refresh</a> to try again.
                </div>                
            </div>
            <div style="clear: both">
            </div>
            <script type="text/javascript">
                var maxBet = 10;
                var machine_name = 'default';
                var windowID = 0;
            </script>
            <script src="../Js/JSON.js" type="text/javascript"></script>
            <script type="text/javascript" src="jquery-1.js"></script>
            <script type="text/javascript" src="jquery-ui-1.js"></script>
            <script type="text/javascript" src="soundmanager2.js"></script>
            <script type="text/javascript" src="slots.js"></script>
            <div style="clear: both">
            </div>
            <div style="float: right; margin-right: 30px;">
                <div class="title_trans" style="float: left; margin-top: 14px; margin-right: 20px;">
                    <div class="title_trans_left">
                    </div>
                    <div class="title_trans_right">
                        <div style="margin-left: -4px; margin-right: 4px; text-align: center" id="shuffle_bar">
                            <span class="dot_checked">&nbsp;</span> 
                            <span class="dot_checked">&nbsp;</span>
                            <span>&nbsp;</span> 
                            <span>&nbsp;</span> 
                            <span>&nbsp;</span> 
                            <span>&nbsp;</span>
                            <div style="clear: both">
                            </div>
                        </div>
                    </div>
                    <div style="clear: both">
                    </div>
                </div>
                <a class="btn_base" style="float: left">ĐẢO SỐ</a>
                <div style="clear: both">
                </div>
            </div>
            <div style="clear: both">
                    </div>
        </div>
    </div>
    <div style="position: absolute; width: 6px; height: 6px; top: -9999px; left: -9999px;"
        class="movieContainer " id="sm2-container">
        <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"
            bgcolor="#ffffff" allowscriptaccess="always" quality="high" src="soundmanager2.swf"
            id="sm2movie" name="sm2movie" width="100%" height="100%">
    </div>
</body>
</html>
